<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>无人过磅订单列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/element/index.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/weight/all-page.css?version=202303231055}"/>
</head>

<body>
<div id="container">
    <el-container>
        <el-header>
            <el-date-picker v-model="tableSearch.startTime"
                            type="datetime"
                            :value-format="tableSearch.dateFormat"
                            placeholder="起始日期">
            </el-date-picker>
            <el-date-picker v-model="tableSearch.endTime"
                            type="datetime"
                            :value-format="tableSearch.dateFormat"
                            placeholder="截止日期">
            </el-date-picker>
            <el-input v-model="tableSearch.busName" placeholder="车牌号" clearable></el-input>
            <el-button type="success" icon="el-icon-search" @click="searchDatas">查询</el-button>
        </el-header>
        <el-main>
            <template>
                <el-table :data="tableDatas" border v-loading="tableLoading" max-height="750">
                    <el-table-column label="序号"
                                     show-overflow-tooltip
                                     type="index"
                                     width="50"></el-table-column>
                    <el-table-column prop="code"
                                     label="订单号"
                                     width="210"></el-table-column>
                    <el-table-column label="电话"
                                     prop="phone"
                                     width="210"></el-table-column>
                    <el-table-column prop="driver"
                                     label="司机"
                                     width="240"></el-table-column>
                    <el-table-column prop="site"
                                     label="施工部位"
                                     width="240"></el-table-column>
                    <el-table-column prop="busNumber"
                                     label="车牌号"
                                     width="240"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="supplier"
                                     label="供应商"
                                     width="180">
                    </el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="taxCode"
                                     label="供应商信用码"
                                     width="180">
                    </el-table-column>
                    <el-table-column label="磅单图片" width="90">
                        <template slot-scope="scope">
                            <template v-for="img in scope.row.imgs">
                                <el-tooltip class="item" effect="dark" content="点击看大图" placement="top-start">
                                    <el-image style="width: 30px; height: 30px" :src="img.pre"
                                              :preview-src-list="img.urls">
                                    </el-image>
                                </el-tooltip>
                            </template>
                        </template>
                    </el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="materialNorms"
                                     label="材料名称"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="仓位类型"
                                     label="storageType"
                                     width="120">
                    </el-table-column>
                    <el-table-column prop="checker"
                                     label="检测员"
                                     width="180">
                    </el-table-column>
                    <el-table-column prop="checkerPhone"
                                     label="检测员电话"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="storage"
                                     label="仓位"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="supplierGross"
                                     label="磅单毛重"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="supplierTare"
                                     label="磅单皮重"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="supplierNetweight"
                                     label="磅单净重"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="realGross"
                                     label="真实毛重"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="realNetweight"
                                     label="真实净重"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="gross"
                                     label="毛重"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="netweight"
                                     label="净重"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="皮重"
                                     label="tare"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="carType"
                                     label="车辆类型"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="minusWeight"
                                     label="明扣重量"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="quietlyWeight"
                                     label="扣重"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="inTime"
                                     label="入场时间"
                                     width="150">
                    </el-table-column>
                    <el-table-column prop="outTime"
                                     label="出场时间"
                                     width="150">
                    </el-table-column>
                    <el-table-column fixed="right"
                                     label="操作"
                                     width="240">
                        <template scope="scope">
                            <el-popconfirm title="确定允许分仓吗？" @confirm="doOrder(scope.row.code)">
                                <el-button size="medium" type="primary" slot="reference">允许
                                </el-button>
                            </el-popconfirm>
                        </template>
                    </el-table-column>
                </el-table>
                <el-pagination background
                               @size-change="handleSizeChange"
                               @current-change="handleCurrentChange"
                               :page-sizes="[50, 100, 200,500]"
                               :page-size="tableSearch.limit"
                               :current-page.sync="tableSearch.pageIndex"
                               layout="total,sizes, prev, pager, next"
                               :total="tableSearch.total">
                </el-pagination>
            </template>
        </el-main>
    </el-container>
</div>
</body>
<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/element/index.js}"></script>
<script type="text/javascript" th:src="@{/static/console/datepicker/jquery-datePicker.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/weight/unskinned-page.js?version=202503181515}"
        charset="utf-8"></script>

</html>